@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}

.mobile {
    background: #FFFFff;
    header {
        overflow: hidden;
        .logo {
            float: left;
            width: p(123);
            height: p(123);
            overflow: hidden;
            margin-top: p(17);
            margin-left: p(23);
            img {
                height: 100%;
            }
        }
        .search {
            width: p(268);
            height: P(55);
            //         line-height: p(55);
            border: 1px solid #ff9344;
            border-radius: p(22);
            margin: 0 auto;
            margin-top: p(51);
            input[type="text"] {
                width: p(171);
                height: p(45);
                vertical-align: middle;
                border: none;
                margin-left: p(28);
                font-size: p(24);
                margin-top: p(5);
            }
            input[type="image"] {
                width: p(36);
                height: P(34);
                vertical-align: middle;
                margin-left: p(15);
            }
        }
        .sel {
            float: right;
            margin-top: p(47);
            margin-right: p(21);
            width: p(163);
            height: p(60);
            border: p(3) solid #FF9344;
            //清除select框的默认样式
            position: relative;
            select {
                border: none;
                /*将默认的select选择框样式清除*/
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background: transparent;
                width: 100%;
                height: 100%;
                padding-left: p(14);
            }
            /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand {
                display: none;
            }
            &::after {
                position: absolute;
                top: p(22);
                right: p(11);
                content: "";
                display: block;
                width: 0px;
                height: 0px;
                border-top: p(16) solid #FF9344;
                border-right: p(16) solid transparent;
                border-left: p(16) solid transparent;
            }
        }
    }
    .nav {
        overflow: hidden;
        margin-top: p(9);
//      width: p(750);
//      border: 1px solid #e8e0d8;
        img {
            height: p(286);
            width: 100%;
        }
    }
    section {
        font-size: 0;
        .genduo {
            font-size: 0;
            margin-top: p(30);
            .xian {
                width: p(57);
                height: p(54);
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
                margin-left: p(21);
                img {
                    width: 100%;
                }
            }
            h1 {
                display: inline-block;
                font-size: p(30);
                vertical-align: middle;
                margin-left: p(8);
                font-family: "微软雅黑";
            }
        }
        .youh {
            float: right;
            margin-top: p(20);
            h2 {
                font-size: p(24);
                display: inline-block;
                vertical-align: middle;
                margin-right: p(8);
            }
            .duo {
                display: inline-block;
                width: p(25);
                height: p(26);
                vertical-align: middle;
                margin-right: p(21);
                img {
                    width: 100%;
                }
            }
        }
        .ni {
            margin-top: p(17);
            .fuyin {
                width: p(239);
                height: p(93);
                overflow: hidden;
                margin-left: p(73);
                //          float: left;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .jiu {
                width: p(239);
                height: p(93);
                overflow: hidden;
                float: right;
                margin-right: p(85);
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .xuanz {
                width: p(239);
                height: p(93);
                overflow: hidden;
                margin-left: p(73);
                margin-top: p(30);
                //              float: left;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .zhou {
                width: p(239);
                height: p(93);
                overflow: hidden;
                float: right;
                margin-right: p(85);
                margin-top: p(30);
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .youh1 {
            float: right;
            margin-top: p(50);
            h2 {
                font-size: p(24);
                display: inline-block;
                vertical-align: middle;
                margin-right: p(8);
            }
            .duo {
                display: inline-block;
                width: p(25);
                height: p(26);
                vertical-align: middle;
                margin-right: p(21);
                img {
                    width: 100%;
                }
            }
        }
        .taoc {
            font-size: 0;
            margin-bottom: p(140);
            .sou {
                margin-top: p(34);
                height: p(164);
                .ci {
                    display: inline-block;
                    width: p(210);
                    height: p(164);
                    overflow: hidden;
                    margin-left: p(21);
                    img {
                        width: 100%;
                    }
                }
                .zhang {
                    display: inline-block;
                    width: p(270);
                    font-size: 0;
                    vertical-align: top;
                    margin-left: p(20);
                    h1 {
                        display: inline-block;
                        font-size: p(30);
                        margin-top: p(25);
                    }
                    h2 {
                        margin-top: p(15);
                        a {
                            font-size: p(22);
                            color: #494949;
                        }
                    }
                    h3 {
                        font-size: p(32);
                        color: #ff9344;
                        margin-top: p(12);
                    }
                }
                .shou {
                    display: inline-block;
                    float: right;
                    text-align: right;
                    margin-top: p(37);
                    p {
                        font-size: p(22);
                        color: #494949;
                        margin-right: p(16);
                    }
                    span {
                        margin-top: p(68);
                        font-size: p(22);
                        margin-right: p(16);
                        color: #494949;
                        display: inline-block;
                    }
                }
            }
        }
    }
    //      脚注
    footer {
        ul {
            position: fixed;
            width: 100%;
            bottom: p(0);
            background: white;
            padding: p(16) 0;
            li {
                float: left;
                width: 25%;
                text-align: center;
                a {
                    display: block;
                    color: black;
                    font-size: p(26);
                }
                a:first-child {
                    font-size: p(72);
                    color: #FF9344;
                 
                }
              
            }
        }
    }
}